<?php
PageUtil::addVar("stylesheet","<link href=\"".$stylepath."/post.css\" rel=\"stylesheet\">");
PageUtil::addVar("javascript","<script src=\"http://code.jquery.com/jquery.js\"></script>");
PageUtil::addVar("javascript","<script src=\"http://code.jquery.com/ui/1.10.3/jquery-ui.js\"></script>");
PageUtil::addVar("stylesheet","<link href=\"".$stylepath."/post.css\" rel=\"stylesheet\">");
PageUtil::addVar("javascript","
<script src=\"".$jspath."/tinymce/tinymce.min.js\"></script>
<script src=\"".$jspath."/jquery.price_format.1.8.js\"></script>
<script type=\"text/javascript\">
  tinymce.init({
    selector: \"textarea#elm1\",
    theme: \"modern\",
    height: 250,
    menubar : false,
    plugins: [
      \"preview textcolor\"
    ],
    external_plugins: {
      //\"moxiemanager\": \"/moxiemanager-php/plugin.js\"
    },
    add_unload_trigger: false,

    toolbar: \"insertfile undo redo | bold italic | alignleft aligncenter alignright alignjustify | forecolor fullpage backcolor  preview  \",

    image_advtab: true,

    style_formats: [
      {title: 'Bold text', format: 'h1'},
      {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
      {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
      {title: 'Example 1', inline: 'span', classes: 'example1'},
      {title: 'Example 2', inline: 'span', classes: 'example2'},
      {title: 'Table styles'},
      {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
    ]
  });

  $(function (){
    $('#meta_price').priceFormat({
        prefix: '',
        thousandsSeparator: ',',
        centsLimit: 0
    });
    $('.holder_wrap').mouseover(function() {
      $(this).children(\"a\").show();
    }).mouseout(function() {
      $(this).children(\"a\").hide();
    });

    $(\"#brand\").on(\"change\",function(){
      $.post(\"".base_url('post/ajax_getmodel')."\",{'brand_id':$('#brand').val()},function(data){
        $(\"#model_block\").html(data);
      });
    });

    $(\"#categoryLevel0\").on(\"change\",function(){
      if($('#categoryLevel0').val() == 29 || $('#categoryLevel0').val() == 30 || $('#categoryLevel0').val() == 31){
        $(\"#horsepower\").html(\"ซีซี\");
      }else{
        $(\"#horsepower\").html(\"แรงม้า\");
      }
      $.post(\"".base_url('post/ajax_getmodel')."\",{'brand_id':0},function(data){
        $(\"#model_block\").html(data);
      });
      $.post(\"".base_url('post/ajax_getbrand')."\",{'cat_id':$('#categoryLevel0').val()},function(data){
        $(\"#brand_block\").html(data);
        $(\"#brand\").on(\"change\",function(){
          $.post(\"".base_url('post/ajax_getmodel')."\",{'brand_id':$('#brand').val()},function(data){
            $(\"#model_block\").html(data);
          });
        });
      });
    });

    $(\".category_selector\").on(\"change\",\".category_width\",function(event){
      var current_select = this;
      var current_level = $(this).data(\"level\");
      var total_selector = $(\".category_selector select\").length;
      if(current_level == (total_selector-1)){
        $(this).parent().append('<div class=\"loading_box\"></div>');
      }
      if(total_selector < (current_level+2)){
        $(\".category_selector select\").parent().append(\"<select class='form-control category_width' style='display:none;' name='cat_id[\"+(current_level+1)+\"]' size='8' class='category_width' data-level='\"+(current_level+1)+\"'></select>\");
      }
      var jqxhr = $.post(\"".base_url('post/ajax_getchildcategory')."\",{'parent_id':$(this).val()});
      $(\".category_selector select\").each(function(index){
        if($(this).data(\"level\") == (current_level+1)){
          var next_selector = this;
          $(this).children(\"option\").remove();
          $(this).css(\"background-repeat\",\"no-repeat\");
          $(this).css(\"background-size\",\"128px 128px\");
          $(this).css(\"background-position\",\"50% 50%\");
          $(this).css(\"background-color\",\"#FFFFFF\");
          $(this).css(\"background-image\",\"url(".$imagepath."/black-loading.gif)\");
          jqxhr.done(function(data) {
            $(current_select).parent().find(\".loading_box\").remove();
            var obj = jQuery.parseJSON(data);
            if(obj == false){
              $(next_selector).fadeOut(\"slow\",function(){
                $(this).remove();
              });
              $(next_selector).children(\"option\").remove();
              $(next_selector).css(\"background-image\",\"none\");
            }else{
              $(next_selector).hide().fadeIn(\"slow\");
              $(next_selector).css(\"background-image\",\"none\");
              $(next_selector).css(\"background-color\",\"#FFFFFF\");
              $.each(obj, function(index, value){
                $(next_selector).append(\"<option value='\"+value[\"id\"]+\"'>\"+value[\"name\"]+\"</option>\")
              })
            }
          });
        }
        if($(this).data(\"level\") > (current_level+1)){
          $(this).fadeOut(\"slow\",function(){
            $(this).remove();
          });
          $(this).children(\"option\").remove();
        }
      });
    });

  });
</script>");
PageUtil::addVar("javascript","<script type=\"text/javascript\" src=\"".$jspath."/jquery.validate.js\"></script>");
PageUtil::addVar("javascript","<script type=\"text/javascript\" src=\"".$jspath."/additional-methods.js\"></script>");
PageUtil::addVar("javascript","<script type=\"text/javascript\">
$(function() {
  $.validator.addMethod(
    \"regex\",
    function(value, element, regexp) {
        var check = false;
        var re = new RegExp(regexp);
        return this.optional(element) || re.test(value);
    },
    \"No special Characters allowed here.\"
  );
  $.validator.addMethod(
      \"selectNotZero\",
      function(value, element, regexp) {
          if(value){
            if($(element).children(\"option\").length > 1){
              if($(element).val() < 1){
                return false;
              }else{
                return true;
              }         
            }else{
              return true;
            }
          }
      },
      \"No special Characters allowed here.\"
    );
    $.validator.addMethod(
      \"notZero\",
      function(value, element, regexp) {
          if(value){
            if($(element).val() < 1){
              return false;
            }else{
              return true;
            }         
          }
      },
      \"No special Characters allowed here.\"
    );
  // validate signup form on keyup and submit
  $(\"#post-form\").validate({
    rules: {
      typ_id: {
        selectNotZero: true
      },
      title: {
        required: true,
        minlength: 50
      },
      'cat_id[0]': {
        required: true
      },
      'meta[brand]': {
        selectNotZero: true
      },
      'meta[model]': {
        selectNotZero: true
      },
      'meta[price]': {
        required: true,
        notZero: true
      },
      'meta[province]': {
        required: true,
        selectNotZero: true
      },
      content: {
        required: true,
        minlength: 200
      }
      
    },
    messages: {
      typ_id: 'กรุณาเลือกความต้องการ',
      title: {
        required: 'กรุณากรอกหัวข้อประกาศ',
        minlength: 'หัวข้อประกาศสั้นเกินไป อย่างน้อย 50 ตัวอักษร'
      },
      'cat_id[0]': {
        required: 'กรุณาเลือกหมวดหมู่อย่างน้อย 1 หมวดหมู่'
      },
      'meta[brand]': 'กรุณาเลือกยี่ห้อ',
      'meta[model]': 'กรุณาเลือกรุ่น',
      'meta[price]': {
        required: 'กรุณากรอกราคา',
        notZero: 'ราคาต้องมากกว่า 0 บาท'
      },
      'meta[province]': 'กรุณาเลือกจังหวัด',
      content: {
        required: 'กรุณากรอกรายละเอียดสินค้า',
        minlength: 'รายละเอียดสินค้าควรมีความยาวอย่างน้อย 200 ตัวอักษร'
      }
    }
  });
});
</script>");
?>

<div class="content_block col-xs-12 col-sm-12 col-md-12 col-lg-12">
  <form action="<?php echo base_url('post/add'); ?>" enctype ="multipart/form-data" id="post-form" class="form-horizontal" role="form" method="post">
    <input class="form-control" type="hidden" name="status" value="1" />

    <legend>ลงประกาศขาย</legend>
    <input class="form-control" type="hidden" name="id" value="<?php if(!empty($post[0]['id'])) echo $post[0]['id'];  ?>" />
      <div class="form-group">
        <label class="col-lg-3 control-label" >ความต้องการ</label>
          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
              <select class="form-control" name="typ_id" id="type">
                 <option value="0" selected>โปรดเลือก</option>
                  <?php if($this->ion_auth->in_group("admin")){
                    foreach ($types as $type) {
                  ?>
                    <option value="<?php echo $type['id']; ?>" <?php if(!empty($post[0]['typ_id']) AND $post[0]['typ_id'] == $type['id']){ echo "selected"; } ?>><?php echo $type['name']; ?></option>
                <?php
                    }
                  }elseif ($this->ion_auth->in_group("members")) {?>
                   <?php  foreach ($types as $type) {
                      if($type['admin'] == 0){
                    ?>
                      <option value="<?php echo $type['id']; ?>" <?php if(!empty($post[0]['typ_id']) AND $post[0]['typ_id'] == $type['id']){ echo "selected"; } ?>><?php echo $type['name'];  ?></option>
                    <?php
                      }
                    }
                  }
                ?>
              </select>
          </div>
      </div>

      <div class="form-group">
        <label class="col-lg-3 control-label" >หัวข้อ</label>
          <div class="col-lg-9">
          <input class="form-control" type="text"  class="required" name="title" value="<?php if(!empty($post[0]['title'])) echo $post[0]['title'];  ?>" />
         </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label" >หมวดหมู่</label>
        <div class="category_selector col-lg-9">
          <?php
          foreach ($categories as $keyCategory => $category) {
          ?>
          <select id="categoryLevel<?php echo $keyCategory;?>" name="cat_id[<?php echo $keyCategory;?>]" size="8" class="category_width form-control" data-level="<?php echo $keyCategory;?>">
            
            <?php
              foreach ($category["items"] as $key => $value) {
                $selected = "";
                if(!empty($categoriesSelected)){
                  foreach ($categoriesSelected as $keySelected => $valueSelected) {
                    if($valueSelected["cat_id"] == $value["id"]){
                      $selected = "selected";
                    }
                  }
                }
                echo "<option value=\"".$value["id"]."\" ".$selected.">".$value["name"]."</option>";
              }
            ?>
          </select>
          <?php
          }
          ?>
        </div>
      </div>

      <div class="form-group">
        <label class="col-lg-3 control-label" >อายุการใช้งาน</label>
          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" name="meta[lifetime]" data-int data-max-chars="4" value="<?php if(!empty($postmeta['lifetime'])) echo $postmeta['lifetime'];  ?>" id="lifetime" />
         </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label" >ราคา</label>
          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 ">
            <div class="input-group">
              <input class="form-control" class="span2 input-small required" id="meta_price" type="text" data-int name="meta[price]" value="<?php if(!empty($postmeta["price"])) echo $postmeta["price"];  ?>">
              <span class="input-group-addon">บาท</span>
            </div>
          </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label" >ของอยู่ที่จังหวัด</label>
          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 ">
            <select class="form-control" name="meta[province]" id="meta_province">
              <option value="0">โปรดเลือกจังหวัด</option>
              <?php
              foreach ($this->config->item("province") as $key => $value) {
                if(!empty($postmeta["province"]) AND $key == $postmeta["province"]){
                  $selected = 'selected';
                }else if(empty($postmeta["province"]) AND !empty($userdata['province']) AND $userdata['province'] == $key){
                  $selected = 'selected';
                }else{
                  $selected = '';
                }
                echo "<option value=\"".$key."\" $selected>".$value."</option>";
              }
              ?>
            </select>
          </div>
      </div>
      <div class="form-group">
        <label class="col-lg-3 control-label" >รายละเอียด</label>
          <div class="col-lg-9">
        <textarea id="elm1" class="post-form-textarea input class="form-control"-xlarge required span6" name="content"  > <?php if(!empty($post[0]['content'])) echo$post[0]['content'];  ?></textarea>
          </div>
      </div>
      
      <div class="form-group">
        
        <div class="col-lg-12" >
          <div class="alert alert-info">
            <h4>คำแนะนำ!</h4>
            <ul>
            <li>การอัพรูปภาพในการตั้งประกาศครั้งแรก ควรอัพรูปภาพเพียงเล็กน้อย หลังจากที่ตั้งประกาศเสร็จสิ้นแล้ว ท่านสามารถแก้ไขประกาศเพื่ออัพรูปอื่นๆ เพิ่มเติมได้อีกครั้ง</li>
            <li>ขนาดความกว้างและสูงของรูปภาพไม่ควรเกิน 1024x680px และขนาดของภาพไม่ควรเกิน 200kb</li>
            <li>ท่านสามารถอัพรูปภาพแต่ละหมวดหมู่ได้เพียง 4 รูปในการตั้งประกาศครั้งแรก หากต้องการเพิ่มรูปภาพหลังจากนี้ให้ทำการแก้ไขประกาศและเพิ่มรูปภาพลงไปได้อีก</li>
            </ul>
          </div>
        </div>
      </div>
<?php
  if(empty($image_detail_group)){
?>
    <div class="form-group">
      <label class="col-lg-3 control-label" >สภาพโดยรวม</label>
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 well well-small" >
        <input type="file" name="filename[1][]" class="upload_main"  /><BR>
        <input type="file" name="filename[1][]" class="upload_main"  /><BR>
        <input type="file" name="filename[1][]" class="upload_main"  /><BR>
        <input type="file" name="filename[1][]" class="upload_main"  />
      </div>
    </div>

    <div class="form-group">
      <label class="col-lg-3 control-label" >จุดเด่น</label>
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 well well-small" >
        <input type="file" name="filename[2][]" class="upload_main" /><BR>
        <input type="file" name="filename[2][]" class="upload_main" /><BR>
        <input type="file" name="filename[2][]" class="upload_main" /><BR>
        <input type="file" name="filename[2][]" class="upload_main" />
      </div>
    </div>

    <div class="form-group">
      <label class="col-lg-3 control-label" >ตำหนิ (ถ้ามี)</label>
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 well well-small" >
        <input type="file" name="filename[3][]" class="upload_main" /><BR>
        <input type="file" name="filename[3][]" class="upload_main" /><BR>
        <input type="file" name="filename[3][]" class="upload_main" /><BR>
        <input type="file" name="filename[3][]" class="upload_main" />
      </div>
    </div>


      <?php
         }else{
           foreach ($image_detail_group as $keyGroup => $valueGroup) {
          //var_dump($image_detail_group);exit;
        ?>

        <div class="form-group">
          <?php
            if($keyGroup == 1){
          ?>
            <label class="col-lg-3 control-label" >สภาพโดยรวม</label>
          <?php
          }else if($keyGroup == 2){
          ?>
            <label class="col-lg-3 control-label" >จุดเด่น</label>
          <?php
          }else if($keyGroup == 3){
          ?>
            <label class="col-lg-3 control-label" >ตำหนิ (ถ้ามี)</label>
          <?php
          }
          ?>
          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
            <?php
            $totalImg = count($valueGroup);
            for($i=4;$i>$totalImg;$i--){
              echo "<input class=\"form-control\" type=\"file\" name=\"filename[$keyGroup][]\" class=\"upload_edit\"    />&nbsp;";
            }
            ?>
            <br/>
            <?php if(!empty($valueGroup)) {  ?>
              <?php   foreach ($valueGroup as $key => $img) :
              ?>
              <div class="holder_wrap">
                <a href="<?php echo base_url('post/delete_image/'.$img['id']);?>">X</a>
                <img src="<?php echo base_url($img["filepath"]);?>"/>
              </div>
              <?php endforeach;  ?>
              <?php
            }else{
            ?>
            <br />
            <?php
            }
            ?>
          </div>
        </div>
      <?php
        }}
      ?>
    <legend>รายละเอียดผู้ขาย [<a href="<?php echo base_url("user/editprofile");?>" target="_blank">แก้ไขข้อมูลส่วนตัว</a>]</legend>
<?php
  if(!empty($userdata) AND empty($post[0]['id'])){
?>
    <div class="form-group">
      <label class="col-lg-3 control-label" >ชื่อ</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($userdata['first_name'])) echo $userdata['first_name'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >นามสกุล</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($userdata['last_name'])) echo $userdata['last_name'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >เบอร์มือถือ</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($userdata['mobile'])) echo $userdata['mobile'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >เบอร์โทรศัพท์บ้าน</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($userdata['phone'])) echo $userdata['phone'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >อีเมลล์</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($userdata['email'])) echo $userdata['email'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >ที่อยู่</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value ="<?php if(!empty($userdata['address']))  echo $userdata['address'];  ?>" >
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >อำเภอ</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" name="district" disabled value ="<?php if(!empty($userdata['district']))  echo $userdata['district'];  ?>" >
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >จังหวัด</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" name="province" disabled value ="<?php if(!empty($userdata['province'])) echo Util::getProvince($userdata['province']);?>">
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >รหัสไปรษณี</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" name="zipcode" disabled value ="<?php if(!empty($userdata['zipcode']))  echo $userdata['zipcode'];  ?>" >
        </div>
    </div>
  <?php
    }else{
  ?>
    <div class="form-group">
      <label class="col-lg-3 control-label" >ชื่อ</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($post[0]['first_name'])) echo $post[0]['first_name'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >นามสกุล</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($post[0]['last_name'])) echo $post[0]['last_name'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >เบอร์มือถือ</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($post[0]['mobile'])) echo $post[0]['mobile'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >เบอร์โทรศัพท์บ้าน</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($post[0]['phone'])) echo $post[0]['phone'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >อีเมลล์</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value="<?php if(!empty($post[0]['email'])) echo $post[0]['email'];  ?>" />
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >ที่อยู่</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value ="<?php if(!empty($post[0]['address']))  echo $post[0]['address'];  ?>" >
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >อำเภอ</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value ="<?php if(!empty($post[0]['district']))  echo $post[0]['district'];  ?>" >
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >จังหวัด</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text"  disabled value ="<?php if(!empty($post[0]['province'])) echo Util::getProvince($post[0]['province']);?>">
        </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label" >รหัสไปรษณี</label>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">
          <input class="form-control" type="text" disabled value ="<?php if(!empty($post[0]['zipcode']))  echo $post[0]['zipcode'];  ?>" >
        </div>
    </div>
  <?php
    }
  ?>
  <hr>
  <div class="form-group">
    <div class="col-sm-offset-4 col-sm-4">
      <button type="submit" class="btn btn-primary btn-lg btn-block" id="submitbtn" name="submit" value="submitbtn">ลงประกาศ</button>
    </div>
  </div>

    <div class="" >
      <div class="alert alert-danger col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <h4>โปรดอ่าน!</h4>
          <ol class="col-sm-offset-1 col-sm-11">
            <li>การลงประกาศภายในเว็บทุกประกาศ เป็นการลงประกาศโดยอยู่ในความรับผิดชอบของท่าน ทางเราจะทำการเก็บข้อมูลทุกอย่างไว้ เพื่อเป็นประโยชน์แก่ตัว่านเองและผู้อื่น</li>
            <li>กรุณาใช้ข้อความและถ้อยคำอย่างสุภาพ หากพบเห็นการใช้ถ้อยคำไม่สุภาพ ทางเราขอสงวนสิทธิ์ในการลบข้อมูลออกทั้งหมด</li>
            <li>ข้อมูลรายละเอียดทั้งหมดอาจจะถูกส่งมอบให้ทางเจ้าหน้าที่เมื่อเกิดเหตุการฉ้อโกงภายในเว็บไซต์</li>
          </ol>
        
      </div>
    </div>

  </form>
</div>
